Dans cette deuxième section du cours, nous commencerons par installer électron, préparer le code du cours
et couvrir les concepts clés pour le développement avec électron.
Tout d'abord sur la page d'accueil de l'électron, nous voyons que l'électron est installé comme une dépendance de développement local, ce qui signifie que
nous avons besoin du code du projet en premier.
Comme mentionné, j'ai créé un dépôt GitHub pour le code du cours.
Alors passons à GitHub dot com slash tech academy TV slash master électron link dans les ressources de la leçon.
De là, vous pouvez soit télécharger le projet, soit le cloner en utilisant git, je vais faire ce dernier.
Copiez donc la CRL sur le terminal et dans mon répertoire personnel.
Non pas que cet emplacement importe trop git clone que vous clonez tous dans un nouveau répertoire appelé
Electron.
Tout est fait, alors changez-vous dans ce projet Grippo.
Et là nous l'avons, tout devra travailler avec tout au long de la majorité de ce cours, je
vais ouvrir le projet dans mon éditeur, nous avons ce fichier JS principal, qui sera le point d'entrée principal de l'application, bien que
nous ' Je couvrirai la structure du projet dans la leçon suivante et ici le package.
Jason, c'est là que nous définissons les dépendances du projet, j'ai deux dépendances de développement.
Electron lui-même et le nœud un couvriront à nouveau ce module de nœud un dans la prochaine leçon.
Notez, cependant, que cette entrée marquant l'électron comme une dépendance de développement est exactement ce que nous avons vu
sur la page d'accueil ici.
NPM I pour l'installation avec un indicateur D, la dernière version stable d'électron, cet indicateur D indiquant simplement à NPM de l'enregistrer en tant
que dépendance de développement dans le package.
Jason, exactement comme nous l'avons déjà ici dans le code du projet.
Ensuite, de retour dans le terminal, nous pouvons installer toutes les dépendances de projet répertoriées dans Package
Dodgson en exécutant NPM install.
Cela télécharge des caractères gras et fait la liste de notre projet, la liste des modules installés NPM avec une profondeur de zéro, ce qui signifie que seuls les
modules de niveau supérieur s'affichent, pas leurs dépendances également.
Entrez et comme prévu, nous voyons nos deux dépendances installées correspondant à ce que nous avons dans le fichier
JSON du package.
Donc, avec nos dépendances de projet installées, nous sommes prêts à exécuter l'application.
J'ai déjà mentionné que Main Doges est le point d'entrée de l'application, ce que nous disons
électron ici sur l'entrée principale, puis dans la section des scripts NPM.
J'ai créé quelques scripts pratiques à exécuter avec NPM, le premier étant dans la commande de démarrage de RPM,
que nous appellerons Electron dans le répertoire actuel.
Nous spécifions uniquement le répertoire actuel car Electron saura rechercher les jeux d'esprit à partir de cette entrée
principale ici.
Mais Electron Main Doges fera de même, couvrira les deux autres plus tard.
Essayez cette première commande dans le répertoire du projet, exécutez npm start enter.
Et l'application se lance, cite, l'application retourne au terminal et le processus est tué.
Remarquez, cependant, lorsque j'exécute cette commande d'électrons directement en laissant neuf heures du soir hors de l'équation, nous
obtenons une commande introuvable.
Il y a simplement comme NPM recherchera d'abord la commande exécutée dans les modules de projet locaux.
En fait, on peut voir le script mis à disposition par le module électronique pour ce faire.
Modules de soulignement ENCODE dot ben.
Donc un répertoire caché électron qui assim lié au fichier JS climatique dans le module électronique.
Ne vous inquiétez pas trop de pourquoi ou comment cela se produit, mais sachez simplement que
l'installation d'électrons en tant que dépendance d'un projet local est la meilleure solution, c'est pourquoi l'électron nous dit de l'installer.
Cela dit, nous pouvons également installer et utiliser les outils de ligne de commande électron dans le monde entier.
Encore une fois, en utilisant NPM, nous pouvons dire que NPM installe avec un drapeau G pour l'électron global.
Je vais passer à travers ceci, le faire et maintenant avec l'électron installé dans le monde, la commande électronique est
disponible dans le terminal.
Exécutez-le seul.
Et nous obtenons cette démo intégrée.
Ou, comme auparavant, exécutez electron dans le répertoire du projet.
Notre application lance donc deux façons d'exécuter des applications d'électrons pour le développement, mais s'en tiendra à la première en utilisant
NPM comme initiateur dans la prochaine leçon, passera en revue le code du projet lui-même et obtiendra
une meilleure compréhension de la structure d'une application d'électrons typique.